<template>
    <view class="pub_page pub_check_info">
        <pub-head headerName="check_info" :headerConfig="headerConfig"></pub-head>
        <div class="page_box page_box_scroll" :style="{ 'height': `calc(100vh - ${otherHeight})` }">
            <div v-if="openType == 1">
                <div class="info">
                    <image class="img" mode="aspectFit" src="https://sppcp-1322907932.cos.ap-beijing.myqcloud.com/app/img_38.png" />
                    <div class="p_1">微信提现</div>
                    <div class="p_2">¥300.00</div>
                </div>
                <div class="lis">
                    <div class="li">
                        <div class="p_1">提现状态</div>
                        <div class="p_2">支付中</div>
                    </div>
                    <div class="li">
                        <div class="p_1">提现单号</div>
                        <div class="p_2">16737484945503928429</div>
                    </div>
                    <div class="li">
                        <div class="p_1">提现时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">成功时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">失败时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">失败原因</div>
                        <div class="p_2">17273错误码未完成支付</div>
                    </div>
                </div>
            </div>
            <div v-if="openType == 2">
                <div class="info">
                    <image class="img" mode="aspectFit" src="https://sppcp-1322907932.cos.ap-beijing.myqcloud.com/app/img_37.png" />
                    <div class="p_1">支付宝充值</div>
                    <div class="p_2">¥300.00</div>
                </div>
                <div class="lis">
                    <div class="li">
                        <div class="p_1">充值状态</div>
                        <div class="p_2">支付中</div>
                    </div>
                    <div class="li">
                        <div class="p_1">充值单号</div>
                        <div class="p_2">16737484945503928429</div>
                    </div>
                    <div class="li">
                        <div class="p_1">充值时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">成功时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">失败时间</div>
                        <div class="p_2">2020-10-21 22:28:37</div>
                    </div>
                    <div class="li">
                        <div class="p_1">失败原因</div>
                        <div class="p_2">17273错误码未完成支付</div>
                    </div>
                </div>
            </div>

        </div>
    </view>
</template>

<script>
export default {
    data() {
        return {
            headerConfig: {
                title: '',//标题栏内容
            },
            otherHeight: getApp().globalData.otherHeight,
            openType: 1,//1提现  2充值
        };
    },
    onLoad(options) {
        this.openType = options.openType || 1;

        this.headerConfig.title = this.openType == 1 ? '提现' : '充值';
        // 支付宝小程序设置状态栏文字颜色
        this.$comFun.setZfbNavigationBar();
    },
    methods: {},
};
</script>

<style lang="scss" scoped>
@import "@/common/css/check.scss";
</style>
